<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>首页</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="js/modernizr.custom-css.js"></script>
</head>
<body>
<div class="invest_recall">
    <div class="recall_step clearfix">
        <span class="step1 current">1.选择贷款记录</span>
        <span class="step2">2.确认还款信息</span>
        <span class="stepEnd">3.查看结果</span>
    </div>

    <div class="recall_m">
        <div class="recallM_t">请选择贷款记录：</div>
        <div class="recallM_m">
            <table>
                <thead>
                    <tr>
                        <th>选择</th>
                        <th>合同号<em title="点击此处进行排序"></em></th>
                        <th>借据号<em title="点击此处进行排序"></em></th>
                        <th>贷款种类<em title="点击此处进行排序"></em></th>
                        <th>逾期期数<em title="点击此处进行排序"></em></th>
                        <th>逾期本金<em title="点击此处进行排序"></em></th>
                        <th>贷款金额<em title="点击此处进行排序"></em></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="radio" /></td>
                        <td>1234324223</td>
                        <td>6543323213</td>
                        <td>个人信用贷款</td>
                        <td>0</td>
                        <td>0.00</td>
                        <td>1,000.00</td>
                    </tr>
                </tbody>

            </table>
        </div>
    </div>
    <div class="recall_m">
        <div class="recallM_t">还款信息：</div>
        <div class="recallM_m">
            <table>
                <tr>
                    <th>还款账户：</th>
                    <td>2342****4321</td>
                    <th>账户可用余额：</th>
                    <td><strong class="red">20,999.00元</strong> </td>
                </tr>
                <tr>
                    <th>逾期本金：</th>
                    <td><strong class="red">20,999.00元</strong></td>
                    <th>逾期利息：</th>
                    <td><strong class="red">99.00元</strong> </td>
                </tr>
                <tr>
                    <th>逾期罚息：</th>
                    <td><strong class="red">0.00元</strong></td>
                    <th>逾期复利：</th>
                    <td><strong class="red">0.00元</strong> </td>
                </tr>
                <tr>
                    <th>逾期账户管理费：</th>
                    <td><strong class="red">0.00元</strong></td>
                    <th>逾期总额：</th>
                    <td><strong class="red">0.00元</strong> </td>
                </tr>
                <tr>
                    <th>应还总额：</th>
                    <td colspan="3"><strong class="red">999.00元</strong></td>
                </tr>
            </table>
        </div>
        <div class="recallM_b">
            <a href="#">还款</a>
        </div>
    </div>
    <div class="invest_txt">
        <p>说明：</p>
        <ul>
            <li>1、部分提前还款功能用于提前偿还剩余贷款金额，并非抵扣本月月供款;</li>
            <li>2、部分提前还款成功后，请您重新查询还款计划，确保账户中仍有足够的现金偿还本月月供款;</li>
            <li>3、本月月供款为自动划扣，客户只要确保账户上有足够的现金即可，不需要做部分提前还款。</li>
        </ul>
    </div>
</div>

</body>
</html>
